img 標籤寫法
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
必要的屬性為 src 和 alt 屬性,src 屬性放的是圖片的檔案路徑或圖片位址;alt 屬性放的是關於圖片的描述,也稱為「替代文字」
替代文字的作用:
若是在圖片的 alt 屬性填上「無法顯示圖片」,對於使用者了解網頁內容是沒有幫助的
另外若使用 img 影像的目的只是為了頁面美觀(例如圖片分隔線),還是要使用 alt 屬性,但屬性值可以空白不寫
另外也可以使用 width 和 height 屬性來指定圖片的尺寸,不過若要指定圖片的寬高,還是建議使用 CSS 樣式代替在 HTML 標籤上使用屬性,例如:有多張圖片需要設定同樣的寬度,使用 class 統一設定樣式代替在 img 標籤上一個一個設定 width 屬性會是較好的做法
另外圖片也可以使用 title 屬性 (title 屬性可以放在任何 HTML 元素上 ),提供關於圖片的額外說明,當滑鼠(游標)移到圖片上時,會顯示出額外說明的文字
不過相對於 alt 屬性,title 屬性的重要性較低
參考資料:
Beginner’s SEO: The difference between ALT text and Title text
HTML title Attribute
HTML img Tag